
<div style="overflow-x:scroll;width:100%">
  <table class="table table-bordered table-keep-line table-hover table-striped" style="margin-top:unset !important;">
    <thead>
      <tr>
        <th class="width-5">
          <div class="checkbox checkbox-primary">
            <input type="checkbox" id="isCheckedAll" [(ngModel)]="isCheckedAll" name="isCheckedAll" (ngModelChange)="checkedAll()">
            <label>
            </label>
          </div>
        </th>
        <th class="width-8">编号</th>
        <th class="width-9">最近变更时间</th>
        <th class="width-9">文件名称</th>
        <th class="width-9">属性</th>
        <th class="width-9">条款出处</th>
        <th class="width-9">适用基金类别</th>
        <th class="width-8">适用基金组</th>
        <th class="width-8">录入人</th>
        <th class="width-8">录入时间</th>
        <th class="width-9">条目复核</th>
        <th class="width-9">复核时间</th>
      </tr>
    </thead>
    <tr *ngFor="let item of listData"  >
      <td>
        <div class="checkbox checkbox-primary">
          <input type="checkbox" name="checkbox1" [(ngModel)]="item.isChecked" (ngModelChange)="ctrlCheckAll()">
          <label>
          </label>
        </div>
      </td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
      <td class="short_name" [attr.title]="item.xx">{{item.xx}}</td>
    </tr>
  </table>
</div>
<div class="box-footer clearfix" style="width:100%;">
  <app-pagination [currentPageNum]="listPageInfo.currentPageNum" [pagesShow]="" [totalPages]="listPageInfo.totalPages" (pageChanged)="pageNavigation($event)">
    <div class="pull-left pagination-detail" data-pagination-additional="true">
      <span class="pagination-info">
        当前显示第{{listPageInfo.startRow}}到第{{listPageInfo.endRow}}条，总共{{listPageInfo.total}}条，
      </span>
      <span class="page-list">
        每页记录
        <span class="btn-group dropup">
          <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
            <span class="page-size">{{listPageInfo.pageSize}}</span>
            <span class="caret"></span>
          </button>
          <ul class="dropdown-menu" role="menu">
            <li *ngFor="let i of listPageInfo.pageList" role="menuitem" [class.active]="listPageInfo.pageSize === i" (click)="sizeChange(i)">
              <a>{{i}}</a>
            </li>
          </ul>
        </span>
        条
      </span>
    </div>
  </app-pagination>
</div>
